define(function(require){

  var $ = require("$");
  var Location = require("./location");
  require("jquery/select2/3.5.2/select2");

  function showLocation(province , city , town) {

    var loc	= new Location();
    var title	= ['省份' , '地级市' , '市、县、区'];
    $.each(title , function(k , v) {
      title[k]	= '<option value="">'+v+'</option>';
    })

    $('#loc_province').append(title[0]);
    $('#loc_city').append(title[1]);
    $('#loc_town').append(title[2]);

    $("#loc_province,#loc_city,#loc_town").select2()
    $('#loc_province').change(function() {
      $('#loc_city').empty();
      $('#loc_city').append(title[1]);
      loc.fillOption('loc_city' , '0,'+$('#loc_province').val());
      $('#loc_city').change()
      //$('input[@name=location_id]').val($(this).val());
    })

    $('#loc_city').change(function() {
      $('#loc_town').empty();
      $('#loc_town').append(title[2]);
      loc.fillOption('loc_town' , '0,' + $('#loc_province').val() + ',' + $('#loc_city').val());
      //$('input[@name=location_id]').val($(this).val());
    })

    $('#loc_town').change(function() {
        debugger;
      $('input[name="location_id"]').val($(this).val());
    })

    if (province) {
      loc.fillOption('loc_province' , '0' , province);

      if (city) {
        loc.fillOption('loc_city' , '0,'+province , city);

        if (town) {
          loc.fillOption('loc_town' , '0,'+province+','+city , town);
        }
      }

    } else {
      loc.fillOption('loc_province' , '0');
    }

  }

  $(function(){
    showLocation();
    $('#btnval').click(function(){
      alert($('#loc_province').val() + ' - ' + $('#loc_city').val() + ' - ' +  $('#loc_town').val())
    })
    $('#btntext').click(function(){
      alert($('#loc_province').select2('data').text + ' - ' + $('#loc_city').select2('data').text + ' - ' +  $('#loc_town').select2('data').text)
    })
  })

});